<template>
  <div class="app-container documentation-container">
    <div class="top">
      <div class="add_zhandian">
        <el-button type="primary" icon="el-icon-plus" @click.native="addsite">添加批次</el-button>
      </div>
      <div class="selech">
        <el-form :inline="true" :model="formInline" class="demo-form-inline">
          <el-form-item label="批次编号">
            <el-input v-model="formInline.user" placeholder="请输入批次编号" />
          </el-form-item>
          <el-form-item label="产品名称">
            <el-input v-model="formInline.user" placeholder="请输入产品名称查询" />
            <!--<el-select v-model="formInline.region" placeholder="活动区域">-->
            <!--<el-option label="区域一" value="shanghai" />-->
            <!--<el-option label="区域二" value="beijing" />-->
            <!--</el-select>-->
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click.native="onSubmit">查询</el-button>
          </el-form-item>
        </el-form>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  components: {},
  props: {},
  data() {
    return {}
  },
  computed: {
    // 计算属性
  },
  watch: {},
  created() {

  },
  mounted() {
    // 生命周期
  },
  methods: {}
}
</script>
<style scoped>
  .app-container {
  .roles-table {
    margin-top: 30px;
  }
  .permission-tree {
    margin-bottom: 30px;
  }
  }
  /*手机*/
  @media screen and (min-width:100px) and (max-width:960px){
    .top{
      width:100%;
      height:147px;

    }
    .add_zhandian{
      width:100%;
      height:38px;
    }
    .selech{
      width:100%;
      height:50px;
    }
  }
  /*PC*/
  @media screen and (min-width:960px) and (max-width:1900px){
    .top{
      width:100%;
      height:50px;
    }
    .add_zhandian{
      width:20%;
      height:100%;
      float: left;
    }
    .selech{
      width:79%;
      height:100%;
      float: right;

    }
  }
</style>
